<template>
	<view>
		<view class="status_bar" >
			<view class="topbar" :style="{height:navHeaderHeight+'px',paddingTop:navHeaderHeight/2-4+'px',lineHeight:(navHeaderHeight+10)/2+'px'}">
				You
				<image src="../static/images/icon/tabBar/icon-topBar.png" mode="" class="topBarIcon"></image>
				Tea
			</view>
		</view>
	</view>
</template>

<script>
	import {navHeaderHeight} from '../assets/js/navHeaderHeight.js';
	export default {
		name: 'header-navbar',
		data() {
			return {
				navHeaderHeight:null,
			}
		},
		created() {
			var that = this;
			that.navHeaderHeight=navHeaderHeight
		},
	}
</script>

<style lang="scss">
	.status_bar {
		width: 100%;
		background-color: #FFF;
		position: fixed;
		top: 0;
		left: 0;

		image {
			vertical-align: text-bottom;
			width: 50rpx;
			height: 50rpx;
		}

		//标题栏属性
		.topbar {
			background-color: #FFF;
			text-align: center;
		}
	}

</style>